@import "variables";

#seed-loading-progress-bar {
  width: 100%;
  height: pxTorem(3px);
  position:fixed;
  //background: red;
  background: color($h5,c1);
  transition:opacity 500ms linear;
  z-index: 8;
  top: 0px;
  left: 0px;
  div {
    position:absolute;
    height:pxTorem(2px);
    -webkit-box-shadow:color($h5,c1) pxTorem(3px) 0 pxTorem(6px) pxTorem(3px);
    -webkit-border-radius:100%;
    opacity:1;
    width:100%;
    right:pxTorem(0px);
    -webkit-animation:pulse 2s ease-out 0s infinite;
  }
}

@-webkit-keyframes pulse {
  30% {
    opacity:.6
  }
  60% {
    opacity:0;
  }
  100% {
    opacity:.6
  }
}
